<template>
  <div id="app">
    <loading :loadStatus="loading_config.loadStatus" :loading="loading_config.loading" :hasComplete="loading_config.hasComplete"></loading>
    <transition name="fade">
      <router-view v-wechat-title="$route.meta.title"/>
    </transition>
  </div>
</template>

<script>
import { mapGetters, mapMutations,mapActions } from "vuex";
import loading from 'base/loading/loading'
export default {
  name: 'App',
  created(){
    // this.loading_config.loadStatus = true;
  },
  computed:{
    ...mapGetters(["loading_config"])
  },
  components:{
    loading
  }
}
</script>

<style>
#app {
  font-family:'Microsoft YaHei','Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fade-enter-active, .fade-leave-active {
  transition-property: opacity;
  transition-duration: .25s;
}
.fade-enter-active {
  transition-delay: .25s;
}
.fade-enter, .fade-leave-active {
  opacity: 0
}
</style>
